<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                会员详情
            </div>
            <div>

            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="会员编号：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.vipId}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="会员名称：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.vipName || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="会员电话：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.vipTel}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="性别：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.sex=='0'?'女':'男'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="会员等级：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.levelName || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="会员生日：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.birthday || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="开始时间：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.startTime || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="结束时间：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.endTime || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="添加时间：" namespace="vipDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{vipDetailInfo.createTime || '-'}}</label>
                    </div>
                </div>
            </div>

        </div>
        <div class="vc-line-primary margin-top"></div>

        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailUser'}"
                        v-on:click="changeTab('vipDetailUser')">
                        <vc:i18n name="会员用户" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailAccount'}"
                        v-on:click="changeTab('vipDetailAccount')">
                        <vc:i18n name="会员账户" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailIntegral'}"
                        v-on:click="changeTab('vipDetailIntegral')">
                        <vc:i18n name="会员积分" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailIntegralDetail'}"
                        v-on:click="changeTab('vipDetailIntegralDetail')">
                        <vc:i18n name="积分明细" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailOrder'}"
                        v-on:click="changeTab('vipDetailOrder')">
                        <vc:i18n name="用户订单" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailRefundOrder'}"
                        v-on:click="changeTab('vipDetailRefundOrder')">
                        <vc:i18n name="退货订单" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailGroupOrders'}"
                        v-on:click="changeTab('vipDetailGroupOrders')">
                        <vc:i18n name="拼团订单" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailRefundGroupOrders'}"
                        v-on:click="changeTab('vipDetailRefundGroupOrders')">
                        <vc:i18n name="拼团退单" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailSeckillOrders'}"
                        v-on:click="changeTab('vipDetailSeckillOrders')">
                        <vc:i18n name="秒杀订单" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:vipDetailInfo._currentTab == 'vipDetailAddress'}"
                        v-on:click="changeTab('vipDetailAddress')">
                        <vc:i18n name="收货地址" namespace="vipDetail"></vc:i18n>
                    </a>
                </li>

                
                
                
                
            </ul>
        </div>
    </div>

    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="vipDetailInfo._currentTab == 'vipDetailUser'">
            <vc:create path="user/vipDetailUser"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailAccount'">
            <vc:create path="user/vipDetailAccount"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailIntegral'">
            <vc:create path="user/vipDetailIntegral"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailIntegralDetail'">
            <vc:create path="user/vipDetailIntegralDetail"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailOrder'">
            <vc:create path="user/vipDetailOrder"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailRefundOrder'">
            <vc:create path="user/vipDetailRefundOrder"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailGroupOrders'">
            <vc:create path="user/vipDetailGroupOrders"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailRefundGroupOrders'">
            <vc:create path="user/vipDetailRefundGroupOrders"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailSeckillOrders'">
            <vc:create path="user/vipDetailSeckillOrders"></vc:create>
        </div>
        <div v-if="vipDetailInfo._currentTab == 'vipDetailAddress'">
            <vc:create path="user/vipDetailAddress"></vc:create>
        </div>
        
    </div>

</div>